<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 公用标签 -->
<%@ include file="/common/inc.inc"%> 
<link href="${ctx}/app_css/global.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/app_css/app_layout.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/app_css/app_view_v2.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/app_css/app_table_v2.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/usercenter/user_css/uc_layout_v4.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/app_css/app_ui_widgets.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/api_demo/css/api_common.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
<table class="t_b" width="900" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td width="20%">组件名</td>

			<td>Ace.Widget.Ad</td>
		</tr>
		<tr>
			<td>组件应用实例</td>
			<td><div class="uc_com_main c" id="uc_main_box">
		<div class="uc_mod_c" style="position:relative;">
			<div class="c app_widgets_slide" id="img_bannerbox">
				<div class="img_adbox hidden"> <a href="#" title=""> <img width="540" height="80" src="${ctx}/app_activities/aceona_tenpay/images/at_login_back.jpg" alt="你的人脉有多广"> </a> </div>

				<div class="img_adbox hidden"> <a href="#" title=""> <img width="540" height="80" src="${ctx}/app_activities/officialWeibo_edm/images/center_middle_ad.jpg" alt="你的人脉有多广"> </a> </div>
				<div class="img_adbox"> <a href="#" title=""> <img width="540" height="80" alt="xx" src="${ctx}/usercenter/user_images/uc_ad_temp_a.png"> </a> </div>
			</div>
		</div>
	</div>

	</td>
		</tr>
		<tr>
			<td>author</td>
			<td>peter</td>
		</tr>
		<tr>
			<td>组件参数</td>

			<td>
			<pre>
			 $(function(){
 	 	 	//中间广告切换
 	 	 	Ace.Widget.LoadMoudle({
				Moudle:'Ace.Widget.Ad',
				callback: function() {
					  $("#img_bannerbox").aceona_ad_slider({
							slideParent:"#img_bannerbox",
							slideUp:false,
                          //是否自动播放，默认为false
							isAutoPlay:false
						}); 
   				 }
			 }); 
			
 	 	 });</pre>
			</td>
		</tr>
		<tr>
			<td>组件调用</td>
			<td></td>

		</tr>
		<tr>
			<td>依赖文件</td>
			<td><p> &lt;link href=&quot;${ctx}/usercenter/user_css/uc_layout_v4.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;<br />

				&lt;link href=&quot;${ctx}/app_css/app_ui_widgets.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;</p>
				<p>&lt;script type=&quot;text/javascript&quot; src=&quot;${ctx}/app_js/app_widgets/lazyload-min.js&quot;&gt;&lt;/script&gt; <br />

			&lt;script type=&quot;text/javascript&quot; src=&quot;${ctx}/app_js/app_widgets/app_widgets_moudle.js&quot;&gt;&lt;/script&gt;</p></td>
		</tr>
	</table>
</div>

<script type="text/javascript" src="${ctx}/app_js/app_widgets/lazyload-min.js"></script>
<script type="text/javascript" src="${ctx}/app_js/app_widgets/app_widgets_moudle.js"></script>
<script type="text/javascript">
 	 	 $(function(){
 	 	 	//中间广告切换
 	 	 	Ace.Widget.LoadMoudle({
				Moudle:'Ace.Widget.Ad',
				callback: function() {
					  $("#img_bannerbox").aceona_ad_slider({
							slideParent:"#img_bannerbox",
							slideUp:false,
							isAutoPlay:false
						}); 
   				 }
			 }); 
			
 	 	 });
</script>
 	 
</body>
</html>